<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>潮人电商后台</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="/js/time.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery.js}"></script>
</head>
<body>
<!--头部-->
    <header class="publicHeader">
        <h1>潮人管理系统</h1>
        <div class="publicHeaderR">
            <p><span>下午好！</span><span style="color: #fff21b"  th:text="${session.user.UAccount}"> Admin</span> , 欢迎你！</p>
            <a href="/logout">退出</a>
        </div>
    </header>
<!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11  星期一</span>
        <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
<!--主体内容-->
    <section class="publicMian ">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                    <li ><a href="/productPage">商品管理</a></li>
                    <li><a href="/orderFromPage">订单管理</a></li>
                    <li><a href="/gongyingPage">供应商管理</a></li>
                    <li><a href="/yuangongPage">员工管理</a></li>
                    <li><a href="/passwordPage">密码修改</a></li>
                    <li><a href="/logout">退出系统</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>密码修改页面</span>
            </div>
            <div class="providerAdd">
                <form  id="pwd"  action="#">
                    <!--div的class 为error是验证错误，ok是验证成功-->
                    <input type="hidden" name="uId" th:value="${session.user.UId}"/>
                    <div class="">
                        <label for="oldPassword">旧密码：</label>
                        <input type="password" name="oldPassword" id="oldPassword" required th:value="${session.pwd}"/>
                        <span>*请输入原密码</span>
                    </div>
                    <div>
                        <label for="newPassword">新密码：</label>
                        <input type="password" name="newPassword" id="newPassword" required/>
                        <span >*请输入新密码</span>
                    </div>
                    <div>
                        <label for="newsPassword">确认新密码：</label>
                        <input type="password" name="newsPassword" id="newsPassword" required/>
                        <span >*请输入新确认密码，保证和新密码一致</span>
                    </div>
                    <div class="providerAddBtn">
                        <!--<a href="#">保存</a>-->
                        <input type="button" value="保存" onclick="pwd()"/>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <footer class="footer">
    </footer>
<script >

      function pwd() {

          $.ajax({

               url:"/alterPassword",
               type:"post",
               data:$("#pwd").serialize(),
               success:function (data) {




                      if (data.code==1){

                          alert(data.msg);
                      }

                       if (data.code==7){

                           alert(data.msg);
                       }

                       if (data.code==8){

                           alert(data.msg);
                       }

                      if (data.code==0){

                         alert("修改成功");
                         location.href="http://localhost:8080/loginPage";
                      }

                      if (data.code==4){
                          alert(data.msg);
                      }
              }
          })
      }
</script>

</body>
</html>